/**index.wxss**/
@import "~taro-ui/dist/style/components/message.scss";

page {
  background: #eeeeed
}
.showmian{ 
  margin: 0 auto; 
  width: 100%; 
  text-align:center; 
  height: 60px;
  border-bottom: 4px solid #ddd;
}
.showmian view{ text-align: center; font-size: 30px; color: #646464;line-height: 60px }
.hovercolor{ color: #17a5ff;}

.refreash-container{
  position: fixed;
  right: 60rpx;
  bottom: 60rpx;
  background: #fff;
  color: #777;
  border-radius: 50%;
  z-index: 10000;
  padding: 20rpx;
  height: 50rpx;
  width: 50rpx;
  text-align: center;
  line-height: 50rpx;
  box-shadow: 0 0 15px #ddd;
}
.w25{display:inline-block;}
.w20{display:inline-block; width:20%;word-wrap : break-word ;word-break:break-all; text-align: center;}
.scroll-left{position: relative; background: #fff; border-bottom: 2px solid #f5f5f5}
.leftjiantou{position: absolute; top:38%; right: 1%;}
.leftjiantou image{ width: 20px;}
.lefts{ left: 1%; top:38%;}

.showmain-txt{ 
  position: relative;
  top: -6px;
}
.showmain-txt .showmain-item-txt{
  font-weight: bold;
  font-size: 32px;
  color: #222;
}
.showmain-txt.hover .showmain-item-txt{ 
  color: #eeaa8c;
  display: inline;
  border-bottom: 6px solid #eeaa8c
}
/**page**/
page, page > view {
  width: 100%;
  height: 100%;
}
.page-container{
  position: fixed;
  width: 100%;
}
.page {
  background: #f2f2f2;
  width: 100%;
  display: inline-block;
  vertical-align:top;
}
.page-content {

}

.page .update {
  background: #fff;
}
.page .update .update-inner {
  margin: 0 30px;

}

/**nav**/
.nav{
  width: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  height: 76px;
}
.nav-title{
  width: 100%;
  height: 90px;
  line-height: 90px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  font-family:PingFang-SC-Medium;
  font-size:36px;
  letter-spacing:4px;
}

.more-arts{
  text-align: center;
  color: #bbb;
  font-size: 24px;
  padding: 30px 0;
}
.no-more-arts{
  text-align: center;
  color: #bbb;
  font-size: 24px;
  padding: 30px 0;
}
.show{
  display: block;
}
.hide{
  display: none;
}
.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.admin-only-tips{
  font-size: 22px;
  padding: 8px 14px;
  background: #9fcbe1;
  color: #fff;
  display: inline-block
}
.userinfo-avatar {
  width: 128px;
  height: 128px;
  margin: 20px;
  border-radius: 50%;
}

.userinfo-nickname {
  color: #aaa;
}

.usermotto {
  margin-top: 400px;
}

.tag-panel{
  background: #f6f6f6;
  width: 100%;
  height: 500px;
  z-index: 1000;
  position: fixed;
  left: 0;
  bottom: 0;
}
.tag-panel .tag-setting {
  background: #fff;
  padding: 30px 0;
}
.tag-panel .tag-title {
  text-align: center;
  display: block;
  margin-bottom:30px;

}
.tag-panel .tag-save {
  background:#ff9b61;
  border-radius:40px;
  color: #fff;
  margin: 30px 25px;
  height: 90px;
  line-height: 90px;
}

.tag-panel .tag-save.unselected{
  background:#f2f2f2;
  border:2px solid #aaa;
  color: #bebebe;
}
.tag-panel .tag-panel-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.tag-panel .tag-panel-container .tag-item{
  background:#f2f2f2;
  padding: 14px 24px;
  border-radius: 38px;
  display:inline-block;
  border:2px solid #f2f2f2;
  color: #bebebe;
  font-size: 28px;
  margin: 10px 18px;
}
.tag-panel .tag-panel-container .tag-item.tag-item-selected {
  background:#ff9b61;
  color: #fff
}


.watch-container{
  padding: 20rpx;
}